﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/core.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/event.js"></script>
    <title>index</title>
</head>
<body>
<!--头部导航 start-->
<div class="header">
    <div class="logo"></div>
    <div class="middle"></div>
    <div class="searchHamburger">
        <a href="search.html" class="search"></a>
        <a href="javascript:;" class="hamburger"></a>
    </div>
</div>
<!--头部导航 end-->

<!--轮播 start-->
<div class="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="images/banner01.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner02.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner03.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner04.png" alt="">
            </div>

        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

</div>
<!--轮播 end-->

<!--菜单列表 start-->
<div>
    <ul class="items">
        <li class="item">
            <a href="category.html" class="link">
                <i class="icon category"></i>
                <span class="name">分类</span>
            </a>
        </li>

        <li class="item">
            <a href="javascript:;" class="link">
                <i class="icon rank"></i>
                <span class="name">排行</span>
            </a>
        </li>

        <li class="item">
            <a href="javascript:;">
                <i class="icon time"></i>
                <span class="name">追更</span>
            </a>
        </li>

        <li class="item">
            <a href="javascript:;">
                <i class="icon history"></i>
                <span class="name">历史</span>
            </a>
        </li>
    </ul>
</div>
<!--菜单列表 end-->

<div class="recommend_wrapper">

    <div class="sub_title">
        <div class="sub_title_left"></div>
        <div class="sub_title_middle"></div>
        <a href="javascript:;" class="sub_title_right">
            <i class="more"></i>
        </a>
    </div>

    <ul class="recommend_items">
        <li class="recommend_item">
            <a href="javascript:;">
                <img src="images/recommend/recommend01.png" alt="">
                <strong>夏日</strong>
                <small>你若在场你若在场你若在场</small>
            </a>
        </li>

        <li class="recommend_item">
            <a href="javascript:;">
                <img src="images/recommend/recommend01.png" alt="">
                <strong>夏日</strong>
                <small>你若在场你若在场你若在场</small>
            </a>
        </li>

        <li class="recommend_item">
            <a href="javascript:;">
                <img src="images/recommend/recommend01.png" alt="">
                <strong>夏日</strong>
                <small>你若在场你若在场你若在场</small>
            </a>
        </li>

        <li class="recommend_item">
            <a href="javascript:;">
                <img src="images/recommend/recommend01.png" alt="">
                <strong>夏日</strong>
                <small>你若在场你若在场你若在场</small>
            </a>
        </li>

        <li class="recommend_item">
            <a href="javascript:;">
                <img src="images/recommend/recommend01.png" alt="">
                <strong>夏日</strong>
                <small>你若在场你若在场你若在场</small>
            </a>
        </li>

        <li class="recommend_item">
            <a href="javascript:;">
                <img src="images/recommend/recommend01.png" alt="">
                <strong>夏日</strong>
                <small>你若在场你若在场你若在场</small>
            </a>
        </li>
    </ul>


</div>

<div class="special_wrapper">
    <div class="sub_title">
        <div class="sub_title_left"></div>
        <div class="sub_title_middle"></div>
        <a href="javascript:;" class="sub_title_right">
            <i class="more"></i>
        </a>
    </div>

    <style>

    </style>
    <ul class="special_content">
        <li>
            <img src="images/recommend/recommend02.jpg" alt="">
        </li>

        <li>
            <img src="images/recommend/recommend02.jpg" alt="">
        </li>
    </ul>

</div>

<div class="hot_wrapper">

    <div class="sub_title">
        <div class="sub_title_left"></div>
        <div class="sub_title_middle"></div>
        <a href="javascript:;" class="sub_title_right">
            <i class="more"></i>
        </a>
    </div>

    <ul class="recommend_items">
        <li class="recommend_item">
            <img src="images/recommend/recommend01.png" alt="">
            <strong>夏日</strong>
            <small>你若在场你若在场你若在场</small>
        </li>

        <li class="recommend_item">
            <img src="images/recommend/recommend02.png" alt="">
            <strong>夏日</strong>
            <small>你若在场</small>
        </li>

        <li class="recommend_item">
            <img src="images/recommend/recommend03.png" alt="">
            <strong>夏日</strong>
            <small>你若在场</small>
        </li>


        <li class="recommend_item">
            <img src="images/recommend/recommend04.png" alt="">
            <strong>夏日</strong>
            <small>你若在场</small>
        </li>

        <li class="recommend_item">
            <img src="images/recommend/recommend05.png" alt="">
            <strong>夏日</strong>
            <small>你若在场</small>
        </li>


        <li class="recommend_item">
            <img src="images/recommend/recommend06.png" alt="">
            <strong>夏日</strong>
            <small>你若在场</small>
        </li>


    </ul>


</div>

<div class="daily_wrapper">
    <div class="sub_title">
        <div class="sub_title_left"></div>
        <div class="sub_title_middle"></div>
        <a href="javascript:;" class="sub_title_right">
            <i class="more"></i>
        </a>
    </div>

    <div class="daily_item">
        <img src="images/daily.jpg" alt="" class="daily_img">
        <div class="daily_title">
            <strong>夏日蝉鸣</strong>
            <small class="daily_author">作者:miss</small>
        </div>

    </div>

</div>


<div class="lovely_wrapper">

    <div class="sub_title">
        <div class="sub_title_left"></div>
        <div class="sub_title_middle"></div>
        <a href="javascript:;" class="sub_title_right">
            <i class="more"></i>
        </a>
    </div>

    <ul class="lovely_content">
        <li>
            <a href="javascript:;" class="lovely_link">
                <div class="lovely_img">
                    <img src="images/recommend/recommend01.png" alt="">
                </div>

                <div class="lovely_desc">
                    <strong class="lovely_title">标题</strong>
                    <small class="lovely_author">描述</small>
                    <small class="lovely_time">作者:miss 发布时间：2019.05.10</small>
                </div>

            </a>
        </li>
        <li>
            <a href="javascript:;" class="lovely_link">
                <div class="lovely_img">
                    <img src="images/recommend/recommend01.png" alt="">
                </div>

                <div class="lovely_desc">
                    <strong class="lovely_title">标题</strong>
                    <small class="lovely_author">描述</small>
                    <small class="lovely_time">作者:miss 发布时间：2019.05.10</small>
                </div>

            </a>
        </li>
        <li>
            <a href="javascript:;" class="lovely_link">
                <div class="lovely_img">
                    <img src="images/recommend/recommend01.png" alt="">
                </div>

                <div class="lovely_desc">
                    <strong class="lovely_title">标题</strong>
                    <small class="lovely_author">描述</small>
                    <small class="lovely_time">作者:miss 发布时间：2019.05.10</small>
                </div>

            </a>
        </li>
        <li>
            <a href="javascript:;" class="lovely_link">
                <div class="lovely_img">
                    <img src="images/recommend/recommend01.png" alt="">
                </div>

                <div class="lovely_desc">
                    <strong class="lovely_title">标题</strong>
                    <small class="lovely_author">描述</small>
                    <small class="lovely_time">作者:miss 发布时间：2019.05.10</small>
                </div>

            </a>
        </li>
    </ul>

</div>

</body>
</html>